<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>服务</title>
    <script>
        // 初始化函数，设置初始的viewport
        function setInitialScale() {
            var viewport = document.querySelector('meta[name="viewport"]');
            var scale = window.innerWidth / 1920;
            viewport.setAttribute(
                "content",
                `width=device-width, initial-scale=${scale.toFixed(
          1
        )}, maximum-scale=1.0, user-scalable=no`
            );
        }

        // 页面加载时设置一次
        window.addEventListener("DOMContentLoaded", setInitialScale);

        // 窗口大小变化时重新设置
        window.addEventListener("resize", setInitialScale);
    </script>


    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="server.css" />
    <link rel="stylesheet" href="common.css" />
    <link rel="stylesheet" href="reset.css" />

</head>

<body>
    <div id="app" class="container-lg container-md container-sm container-xl container">
        <div class="header d-flex justify-content-between">
            <div class="header-left">
                <div class="header-left-icon">
                    <img class="logo" src="static/logo.png" alt="" />
                </div>
            </div>
            <div class="header-menus d-flex align-items-center justify-content-between">
                <div class="menu-item ">
                    <div class="menu-item-name"><a href="index.html">首页</a></div>
                </div>
                <div class="menu-item ">
                    <div class="menu-item-name"><a href="product.html">产品</a></div>
                </div>
                <div class="menu-item active">
                    <div class="menu-item-name"><a href="server.html">服务</a></div>
                </div>
                <div class="menu-item">
                    <div class="menu-item-name"><a href="newscenter.html">新闻中心</a></div>
                </div>
                <div class="menu-item">
                    <div class="menu-item-name"><a href="about.html">关于我们</a></div>
                </div>
            </div>
            <div class="header-right d-flex flex-column">
                <div class="top d-flex align-items-center">
                    <img src="static/headfoot/phone.png" alt="" />
                    <span>联系电话</span>
                </div>
                <div class="phone">176-2800-2002</div>
            </div>
        </div>

    </div>
    <div class="index-top">
        <div class="container-lg container-md container-sm container-xl container">
            <div class="top1"></div>
            <div class="top2">成熟的 <span> 服务体系,</span>贴心的<span>售后服务</span></div>
            <div class="top3">从您的角度出发，全面保障您的权利</div>
            <div class="top4">At Your Service</div>
            <div class="top5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                    class="bi bi-caret-down" viewBox="0 0 16 16">
                    <path
                        d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z" />
                </svg></div>
        </div>
    </div>
    <div class="process">
        <div class="main">
            <div class="title">合作流程</div>
            <div class="desc">深入理解和合理规划，提高软件质量和用户满意度</div>
            <div class="blocks">
                <div class="block">
                    <div  class="first">01</div>
                    <div class="second">需求沟通</div>
                </div>
                <div class="block">
                    <div class="first">02</div>
                    <div class="second">软件开发</div>
                </div>
                <div class="block">
                    <div  class="first">03</div>
                    <div class="second">测试</div>
                </div>
                <div class="block">
                    <div  class="first">04</div>
                    <div class="second">运行维护</div>
                </div>
            </div>
            <div class="process-img">
                <img src="static/server/Group 1000001801@2x.png" alt="">
            </div>
            <div class="steps">
                <div class="step">
                    <p>这一步骤涉及与客户或用户紧密合作，以明确软件的功能需求、非功能需求、用户需求和系统约束等方面的细节。需求沟通的目的是确保开发团队准确理解和满足客户的期望，这是实现成功软件交付的基础</p>
                </div>
                <div class="step">
                    <p>在这个阶段，我们开始根据需求文档进行软件的设计和编码。设计阶段的目标是制定一个详细的技术方案，包括软件的架构、模块划分、数据库设计等方面的内容。</p>
                </div>
                <div class="step">
                    <p>在这个阶段，我们会对程序进行单元测试，确保各个模块完美流畅。测试的目的是发现和修复软件中的缺陷，以确保软件的质量和稳定性</p>
                </div>
                <div class="step">
                    <p>在这个阶段，我们将持续监控软件的运行状态，及时修复漏洞和问题，并根据用户反馈进行优化和改进。</p>
                </div>
            </div>

        </div>

    </div>
    <div class="myserver">
        <img src="static/server/Group 1000001802@2x.png"  class="server-img">
    </div>
    <div class="foot-view  ">
        <div class="container-lg container-md container-sm container-xl container flex"
            style="height: 100%;justify-content: space-between;">
            <div class="left">
                <div class="comany">青岛山工河谷光电科技有限公司</div>
                <div class="msg flex">
                    <div>
                        <div class="flex">
                            <img src="static//headfoot/i@2x.png" alt="" />
                            <div>032-56667605</div>
                        </div>
                        <div class="flex rows ">
                            <img src="static//headfoot/Vector@2x.png" class="qq" alt="" />
                            <div>075-32232312</div>
                        </div>
                    </div>
                    <div>
                        <div class="flex">
                            <img src="static//headfoot/i@2x (1).png" alt="" />
                            <div>13595623232</div>
                        </div>
                        <div class="flex rows">
                            <img src="static//headfoot/i@2x (4).png" alt="" />
                            <div>shijiazhuangyihui.com</div>
                        </div>
                    </div>
                    <div>
                        <div class="flex">
                            <img src="static//headfoot/i@2x (2).png" alt="" />
                            <div>ICP备案16659522</div>
                        </div>
                        <div class="flex rows">
                            <img src="static//headfoot/i@2x (3).png" alt="" />
                            <div>青岛山工河谷光电科技有限公司</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <img src="static//headfoot/ercode.png" alt="" />
                <div>扫码加微信</div>
            </div>
        </div>

    </div>

    <script src="./js/jquery.min.js"></script>

</body>

</html>